<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="css/bootstrap.min.css" />
    <script src="js/jquery-3.2.1.min.js" ></script>
     <script src="js/bootstrap.min.js" ></script>
    <title>魔仙堡登陆</title>
        <style type="text/css">
body{
      background:url(img/123.png) no-repeat;
      background-color: rgba(0, 0, 0, 0.5);
      /* background-size: 100% 100%; */
      /* background-size: cover; */
        width: 100%;
      
}
 *{
  margin:0;
  padding:0;
  }
ol,ul{
  list-style-type:none;
  }
a{
  color:#666;
  text-decoration:none;
  }
.left{
  float:left;
  }
.right{
  float:right;
  }
#nav{
  height:80px;
  background-color:#EEEEEE;
  /* background:url("img/111.png") no-repeat; */
  background-color: rgba(88, 88, 88, 0.3);
  }
#nav li{
  float:left;
  margin:0px 10px;
  line-height:80px;
  }
#nav ul{
  padding-left:500px;
  }
#nav li a{
  color:#fff;
  font-weight:bold;
  }
#nav li a:hover{
  color:#fdd2ed;
  }
#nav .logo>img{
  height: 60px;
  width: 60px;
  margin-top:10px;
}
#nav .logo>p{
  height: 30px;
  width: 60px;
  margin-top:10px;
}
.container{
  width:100%;
  /*border:1px solid #f00;*/
  margin:0px auto;
  }
</style>
</head>
<body>
<div id="nav">
  <div class="container">
    <div class="logo left">
        <img src="img/222.png">
      </div>
    <div class="left left">
      <p style="color: #fff;margin-top: 15px;margin-left: 10px;font-size: 12px;">
        <b style="font-size: 18px;margin-right: 5px;">魔仙堡</b>
        MagicFairyCastle</p>
      <p style="color: #fff;margin-top: 5px;font-size: 14px;margin-left: 10px;">民 宿 订 购 网</p>
    </div>
      <ul class="right">
        <li><a href="indexlogin.php">首页</a></li>
          <li><a href="logintell.php">登录</a></li>
          <li><a href="registertell.php">注册</a></li>
      <li><a href="#">客服</a></li>
      </ul>
  </div>
</div>
<div class="panel panel-default" style="margin-left: 35%;margin-right: 35%;margin-top: 150px;">
  <div class="panel-body">
  </br>
  	<p style="text-align:center;font-family: 幼圆; font-size: 18px;">魔仙堡-登录</p>
  	  </br>
  <form class="form-horizontal" style="margin-left: 5%;margin-right: 5%;" method="post" action="login_yh.php">
  <div class="form-group">
    <div class="col-sm-offset-2 col-sm-10">
      <button type="submit" class="btn btn-default" style="margin-left: 25%;" >用户登录</button>
    </div>
  </div>
</form>
<form class="form-horizontal" style="margin-left: 5%;margin-right: 5%;" method="post" action="login.php">
  <div class="form-group" >
    <div class="col-sm-offset-2 col-sm-10">
      <button type="submit" class="btn btn-default" style="margin-left: 25%;">商家登录</button>
    <br>
    </div>
  </div>
  <div style="text-align:center;">
    没有账号单击<a href="registertell.php"><b><big>注册</big></b></a>进行注册
  </div>
</form>
  
  </div>
</div>
</body>
</html>
